<script>
    jQuery(function($) {
        document.getElementById('a').onclick = function () {
            alert(location.href);
        }
    });
</script>
<div class="bord">
    <div class="title">href</div>
    <div class="introduce">
        href 属性是一个可读可写的字符串，可设置或返回当前显示的文档的完整 URL。<br/>
        因此，我们可以通过为该属性设置新的 URL，使浏览器读取并显示新的 URL 的内容。
    </div>
</div>
<div class="bord">
    <div class="title">演示效果</div>
    <button id="a" class="introduce">打印当前网址</button>
</div>
<div class="bord">
    <div class="title">代码</div>
    <div class="introduce">
         <pre>
                &lt;script&gt;
            jQuery(function($) {
        document.getElementById('a').onclick = function () {
            alert(location.href);
        }
    });
                &lt;/script&gt;
        </pre>
    </div>
</div>